<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>作用域</title>
</head>
<body>
<!--
        作用域: 变量可以访问的范围
        ES5：
            全局作用域： 在全局作用域下定义变量在任何位置都可以访问    函数之外定义的变量
            函数作用域： 在函数内部定义的变量 只能在函数内部使用 在函数之外无法访问

-->
<script>

    // 全局变量 age
    var age = 10
    // console.log(age)

    // 函数内部的代码  不会自动运行   想执行函数内部的代码 必须手动调用函数
    function fn() {
        var name = 'lisi'
        console.log(name)
        console.log("age in fn :" + age) // 函数内部可以范文全局变量
    }

    function fn2() {
        // 局部变量 age     局部变量 和 全局变量重名   函数内部使用时 以局部变量优先原则
        var age = 20
        console.log("age in fn" + age)
    }

    // 函数调用
    fn()
    // fn2()

    console.log("name:" + name)

    function fn3(age) {
        age += 10
        return age;
    }


    var res = fn3(age)
    console.log(res)  //  20
    console.log(age)  //  10


</script>
</body>
</html>